<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link rel="stylesheet" href="../css/animate.min.css"/>
    <link rel="stylesheet" href="../css/preliminaries.css"/>
    <style>
        .content_1{
            display: none;
        }
        .content_2{
            display: none;
        }
        .content_3{
            display: none;
        }
        .content_4{
            display: none;
        }
        .content_5{
            display: none;
        }
        .content_6{
            display: none;
        }
        .content_7{
            display: none;
        }
        .content_8{
            display: none;
        }
        .content_9{
            display: none;
        }
        .content_10{
            //display: none;
        }
    </style>
</head>
<body>
<!-------------------------加载------------------------------------------>
<div id="jiaZai">
    <img src="../image/loadbg.png"/>
</div>
 <!--背景音乐 -->
<audio id="audio" src="../audio/bg.mp3" ontrols="controls" loop="false" hidden="true" autoplay="autoplay">
            您的浏览器不支持 audio 标签。
</audio>
<!-----------------------main1--------------------------------------------->
<div id="main">
    <div class="content">
        <!---------------content_1--------------------------------------------->
        <div class="content_1">
            <img src="../image/logo2.png" class="logo2"/>
            <img src="../image/slogan2.png" class="slogan2"/>
            <div class="figure">
                <img src="../image/propaganda.png" class="propaganda"/>
                <img src="../image/figure1.png" class="figure1"/>
                <img src="../image/figure2.png" class="figure2"/>
                <img src="../image/circle1.png" class="circle1"/>
                <img src="../image/circle2.png" class="circle2"/>
                <img src="../image/circle3.png" class="circle3"/>
                <a href="#" class="TR_btn"><img src="../image/theRegistration.png" class="theRegistration"/></a>
                <a href="#" class="IV_btn"><img src="../image/iVote.png" class="iVote"/></a>
                <div class="Clear"></div>
            </div>
        </div>
        <!-----------------content_2--------------------------------------------->
        <div class="content_2">
            <div class="list">
                <div class="information">
                    <div class="ipv">
                        <span>姓名</span>
                    </div>
                    <input type="text" name='name'/>
                    <div class="ipv">
                        <span>电话</span>
                    </div>
                    <input type="text" name='phone'/>
                    <div class="introduction">
                        <span>家庭介绍</span>
                        <textarea placeholder="家庭介绍+家庭生活故事(50字以上,越细晋级几率越大哟)" class="textareas"></textarea>
                    </div>
                    <div class="photo">
                        <span>家庭相片</span>
                        <p>家庭照片(3-5张)</p>
                        <a href="javascript:void (0)"><img src="../image/upload_img.png" class="upload_img"/></a>
                            <div class="photo_img">
                            <div>X</div>
                            <img src="../image/ceShi.png"/>
                        </div>
                    </div>
                    <div class="tiJiao">
                        <h3>是否华润二十四城业主:</h3>
                        <span class="yes"></span> 是 <span class="no"></span> 否
                        <div class="yes_b" style="display:none;">
                            您爱华润二十四城的理由
                            <input type="text" name="liyou" />
                            您对华润二十四城未来的期待或建议
                            <input type="text" name="jianyi" />
                            您和亲友会继续购买华润二十四城吗?
                            <input type="text" name="paycity" />
                        </div>
                        <div class="no_b" style="display:none;">
                            您对华润二十四城的印象
                            <input type="text" name="yinxiang" />
                            您对华润二十四城未来的期望
                            <input type="text" name="qiwang" />
                            您或亲友是否有购买华润二十四城的意愿?
                            <input type="text" name="yiyuan" />
                        </div>
                        <a href="#"><img src="../image/tiJiao.png"/ class="submit"></a>
                    </div>
                </div>
            </div>
        </div>
        <!-----------------content_3--------------------------------------------->
        <div class="content_3">
            <div class="list">
                <div class="information">
                    <img src="../image/congratulations.png" class="congratulations"/>
                    <h3>报名成功</h3>
                    <h3>获得<span>50元油卡</span>1张</h3>
                    <div>
                        <p>请于12月10日-12月13日</p>
                        <p>10:00-17:00领取</p>
                        <p>每人限领一份奖品</p>
                        <p>数量有限,先到先得哟</p>
                    </div>
                    <p>领奖地址:成都二环路东三段双成二路39号</p>
                    <p>华润二十四城销售中心(万象城旁)</p>
                    <p class="jinJi"><span>晋级还有5000元旅游基金、购物卡、家庭写真等你来拿</span></p>
                    <!--<a href="#"><img src="../image/yaoQingHaoYou.png" class="yaoQingHaoYou"/-->></a>
                    <p class="fenXiang">点击右上角分享，邀请好友投票赢好礼</p>
                </div>
            </div>
        </div>
        <!-----------------content_4--------------------------------------------->
        <div class="content_4">
            <div class="list">
                <div class="information">
                    <h3>投票成功</h3>
                    <h3>每天可投3票</h3>
                    <h3>恭喜你获电影票1张</h3>
                    <a href="#"><img src="../image/lingJiang.png" class="lingJiang"/></a>
                   <!-- <a href="#"><img src="../image/touPiao.png"/></a>-->
                </div>
            </div>
        </div>
        <!-----------------content_5--------------------------------------------->
        <div class="content_5">
            <div class="list">
                <div class="information">
                    <h3>填写信息，领取奖品</h3>
                    <div class="xinXi">
                        姓名 <input type="text"/>
                    </div>
                    <div class="xinXi">
                        电话 <input type="text"/>
                    </div>
                    <p class="jieShao">华润二十四城7期荣膺上市</p>
                    <p>精英顶配生活圈</p>
                    <p>8577元/㎡起</p>
                    <p class="jieShao_buttom">到访即送7920元购房基金</p>
                    <h4>我想买房 <input type="checkbox"/>是</h4>
                    <a href="#"><img src="../image/tiJiao.png"/></a>
                </div>
            </div>
        </div>
        <!-----------------content_6--------------------------------------------->
        <div class="content_6">
            <div class="list">
                <div class="information">
                    <p class="shuoMing"><span>报名和投票均获奖,以报名奖品为准</span></p>
                    <p class="shuoMing"><span>投票成功! 每天可投3票</span></p>
                    <h3>恭喜你获得<span>电影票</span>1张</h3>
                    <div>
                        <p>请于12月10日-12月13日</p>
                        <p>10:00-17:00领取</p>
                        <p>每人限领一份奖品</p>
                        <p>数量有限,先到先得哟</p>
                    </div>
                    <p>领奖地址:成都二环路东三段双成二路39号</p>
                    <p>华润二十四城销售中心(万象城旁)</p>
                    <p class="jinJi"><span>报名就得50元油卡1张</span></p>
                    <p><span>还有5000元旅游基金、200购物卡、</span></p>
                    <p><span>家庭写真等你来拿</span></p>
                    <a href="#"><img src="../image/baoMing.png" class="yaoQingHaoYou"/></a>
                    <p class="fenXiang">点击右上角分享，邀请好友投票赢好礼</p>
                </div>
            </div>
        </div>
        <!-----------------content_7--------------------------------------------->
        <div class="content_7">
            <div class="list">
                <div class="information">
                    <h3>对不起</h3>
                    <h3>您还未参与活动</h3>
                    <h3>现在去报名</h3>
                    <h3>或为其他选手投票</h3>
                    <h3>就可以得奖哟!</h3>
                </div>
            </div>
        </div>
        <!-----------------content_8--------------------------------------------->
        <div class="content_8">
            <div class="list">
                <div class="information">
                    <h3 class="Top">奖项设置(100%中奖)</h3>
                    <p>报名—50元油卡1张</p>
                    <p>初赛（60组）—家庭写真1套+200元购物卡</p>
                    <p>决赛（24组）—5000元旅游基金+代言证书+家庭写真2套</p>
                    <p>投票—电影票、泰香米、雪花啤酒礼盒装随机</p>
                    <span>(注：报名和投票均获奖，以报名奖品为准)</span>
                    <h3>活动流程</h3>
                    <p>报名-初赛投票（60组入围）-家庭写真拍摄-决赛投票（24组入围）</p>
                    <h3>报名时间</h3>
                    <p>2015年11月18日—11月30日</p>
                    <h3>初赛投票</h3>
                    <p>选出60组家庭-2015年11月18日-11月30日</p>
                    <p>家庭写真拍摄-2015年12月5日-12月13日（1天）</p>
                    <p>决赛投票选出24组家庭-2015年12月16日-12月22日</p>
                    <h3>参赛要求</h3>
                    <p class="yaoQiu">1.如果参赛的照片不合要求，主办方有权取消其比赛资格。立意不明的，主办方有权要求参赛者更换照片和修改作品描述、补充说明参赛立意。如果参赛者在两个工作日内提交的修改仍不能符合比赛主题要求的,主办方有权取消其比赛资格。 </p>
                    <p class="yaoQiu">2.不得盗用未经他人授权的照片和网络照片参赛，一经发现，取消其参赛资格。如果有参赛照片侵犯了您的合法权益，请与我们工作人员联系，我们核实后马上删除。</p>
                    <p class="yaoQiu">3.同样的照片、同手机号码只能报名一次。不允许重复报名。</p>
                    <p class="yaoQiu">4.禁止一切刷票行为，一经发现，取消报名资格</p>
                    <h3>投票要求</h3>
                    <p>每个IP、每个ID每天只能投3票。</p>
                    <p class="jieShi">一切解释权归华润二十四城所有</p>
                </div>
            </div>
        </div>
        <!-----------------content_9--------------------------------------------->
        <div class="content_9">
            <div class="family">
                <h3>荷叶家</h3>
                <a href="#"><img src="../image/vote_btn.png"/></a>
                <p>
                    代言故事：哪一个家庭，能够代表你的幸福？能够代言这座城市的
                    幸福？投票还能赢好礼哟！哪一个家庭，能够代表你的幸福？能够
                    代言这座城市的幸福？投票还能赢好礼哟！
                </p>
            </div>
            <div class="family_img">
                <img src="../image/ceShi.png"/>
                <img src="../image/ceShi.png"/>
                <img src="../image/ceShi.png"/>
                <img src="../image/ceShi.png"/>
                <img src="../image/ceShi.png"/>
                <img src="../image/ceShi.png"/>
            </div>
        </div>
        <!-----------------content_10--------------------------------------------->
        <div class="content_10">
            <div class="family">
                <h3>他们的幸福生活·需要您的见证</h3>
                <input type="text" value="搜索名字或编号" name="search"/>
                <a href="#"><img src="../image/Search_btn.png" class="search"/></a>
                <p>哪一个家庭，能够代表你的幸福？</p>
                <p>能够代言这座城市的幸福?<span>投票还能赢好礼哟!</span></p>
            </div>
            <div class="shunXu">
                <a href="#" >顺序查看</a>
                <a href="#">最新参考</a>
                <a href="#">票数排行</a>
            </div>
            <div class="family_img">
                <div class="family_img_left">
                    <span>1</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_right">
                    <span>2</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_left">
                    <span>1</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_right">
                    <span>2</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_left">
                    <span>1</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_right">
                    <span>2</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_left">
                    <span>1</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
                <div class="family_img_right">
                    <span>2</span>
                    <p>5555票</p>
                    <p>荷叶家</p>
                    <img src="../image/ceShi.png"/>
                    <a href="#">投票</a>
                </div>
            </div>
        </div>
    </div>
    <!----------------------------底部菜单----------------------------------->
    <div class="nav">
        <a href="#"><img src="../image/registration.png"/><br/>报名</a>
        <a href="#"><img src="../image/vote.png"/><br/>投票</a>
        <a href="#"><img src="../image/activity.png"/><br/>活动说明</a>
        <a href="#"><img src="../image/prize.png" style="width: 20%"/><br/>我的奖品</a>
        <img src="../image/line.png" class="line1"/>
        <img src="../image/line.png" class="line2"/>
        <img src="../image/line.png" class="line3"/>
    </div>
</div>
<script src="../js/jquery-1.8.0.min.js"></script>
<script src="../js/preliminaries.js"></script>
</body>
</html>